@charset "utf-8";


/*#nav {background: rgba(255,255,255,.3);}*/
/*#nav:hover {background:#fff;}*/

.brand-adva .right .item3 .item .txt {width: 75%;padding-left: 8%;color: #fff;}


/* mobile nav */
.mnav{position: relative;z-index: 900; display: none;}
.mnav.scroll-down .mheader{top:-100px;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #fff;}
 

.mheader {height:50px;position:fixed;background: #fff; left:0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:50px;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width: 140px;height:20px;margin-top: -8px; background: url("../img/logo2.svg") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
.mlanguage {padding-top:4%;text-align: center;} 
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} 
.mlanguage a:hover {opacity: 1;}
.msearch a{display: block;background: url("../img/search-b.svg");background-size: 100%;width: 20px;height: 20px;margin:5% auto 3% auto;opacity: .5;}


.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:16px; color:#fff;padding:4% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
 
.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,.no-touch .menu-toggle span.hamburger:after,.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,.no-touch .menu-toggle span.hamburger:after,.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}
.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

 
/*add*/
.navRight a img{display: block;width: 100%;height: auto;margin: auto;opacity: 0.6;}
#I{display: block;width: 0..3rem;height: 1.875rem;height: 1;ckground: #000000;float: left;transform: translateY(5px);opacity: 0.6;}
.brandmore{color: #666;border: 1px solid #fff;}
.brandmore:hover{background-color: #CF001B;border-color: #CF001B;}
.lastest-news .lnews-nav a{border: 1px solid #ccc;}
.lastest-news .lnews-nav a.cur, .lastest-news .lnews-nav a:hover{color: #cf001b; border: 1px solid #cf001b;}
.list-h500{border-top: 1px solid #ccc;}
.list-h500 a{border-bottom: 1px solid #ccc;}
.city-choice-list::-webkit-scrollbar-thumb{background-color: #ccc;}
.city-choice-list::-webkit-scrollbar{height: 4px; width: 3px; background-color: #eee;}
.tct img.img-center {position: relative;}


.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.white_content {display: none;position: fixed;box-sizing: border-box;top:0;left: 50%;width:500px;height: 100%; margin-left: -225px;z-index: 1002;overflow: hidden;}
.white_content .dtable{}
.white_content .dtable .dtable-cell {height: auto!important;}
.white_content h2 {display: block;overflow: hidden;padding:1% 0 3% 0;font-size: 24px;color: #000;text-align: center;border-bottom: 1px solid #ededed;}
.white_content form * {display: block;overflow: hidden;}
.white_content form {overflow:hidden;display: block;padding:5%;background-color: #fff;position: relative;}
.white_content form input { outline:none;}
.white_content li { margin:5px 0; overflow:hidden; font-size:12px; color:#666;text-transform: capitalize;position: relative;}
.white_content li h6 {font-size: 12px;color: #000;display: inline-block;padding-right: 10px;}
.white_content li span {font-size: 12px;display: inline-block;text-transform: capitalize;}
.white_content li .inputfile {border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 12px;color: #666;background: #f1f1f1;cursor: pointer;}
.uploadfile {position: absolute;border: none; right: 0;top: 0px;z-index: 1;background: #cf001b;color: #fff;height: 100%;padding:0 20px;cursor: pointer;}
.white_content .input { border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 14px;color: #666;}
.white_content .btn {padding:2% 0;overflow:hidden;}
.white_content .btn *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.white_content .btn .submit {display:block;width:100%;float:left;padding:3% 0; font-size:14px; background:#000;border: none; color:#fff;cursor: pointer; text-align:center;}
.white_content .btn .submit:hover {background:#cf001b;}
.white_content .btn .guanbi {display:block;width:29px;height:29px;position: absolute;right:2%;top:2%;z-index: 3;cursor: pointer; text-align:center;font-family: "font_family";}
.white_content .btn .guanbi::before{content: "关闭";font-size:14px;color: #999;}
.white_content .btn .guanbi:hover::before {color: #000;}


.fbr ul li a:hover .ewmshow{display: block;}
.fbr ul li a .ewmshow{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;background: #fff;display: none;}
.fbr ul li a .ewmshow img {display: block;width: 100%;height: auto;position: relative;}




.index-banner .swiper-slide a {display: block;position: relative;}
.index-banner .swiper-slide a .text {position: absolute;left: 10%;top: 30%;width: 600px;z-index: 3;}
.index-banner .swiper-slide a .text h2{transform:translateY(200px);opacity:0;transition:all 0.4s;margin: 0;font-size: 54px;line-height: 60px;color: #000;font-family: Montserrat,"微软雅黑";padding-bottom: 20px;}
.index-banner .swiper-slide a .text h4{transform:translateY(200px);opacity:0;transition:all 0.8s;margin: 0;font-size: 16px;line-height: 28px;font-weight: normal;text-transform: uppercase;font-family: Montserrat,"微软雅黑";}
.index-banner .swiper-slide a .text.center {left: 50%;margin-left: -300px;text-align: center;}
.index-banner .swiper-slide a .text.right {left: auto;right: 10%;text-align: right;}
.index-banner .swiper-slide a .text.none {display: none;}
.index-banner .swiper-slide-active a .text h2{transform:translateY(0px);opacity:1;}
.index-banner .swiper-slide-active a .text h4{transform:translateY(0px);opacity:1;}


.conIfo {height: auto;}
.conBoxIn {width:90%;height: auto;}
.boxCenter {position: relative;top: auto;left: auto;transform: none;padding: 5% 5% 3% 5%;}
.conLeft {float: left;margin-right:0;height: 100%;position: relative;left: auto;width:25%;}
.conMiddle {width: 35%;float: left;height: 100%;position: relative;left: auto;margin-right: 0;padding-right:0;}
.conRight {float: left;height: auto;position: relative;left: auto;width: 30%;margin-right: 0;}


.product-detail .right {width: 45%;position: relative;height: 100%;right: auto;top: auto;padding: 5% 0;float: right;z-index: 1;}
.product-detail {overflow: hidden;background: url(../upload/product-04.jpg) left top no-repeat #fff;background-size: 100%;}
.trInnerBox>p {font-size: 1.125rem;color: #585858;line-height: 1.75rem;margin-bottom: 0;width:100%;}
.tctBox {margin-top: 2.5rem;}
.talent .tRight {position: relative;right: 0;top: 0;float:right;margin-top: -34rem;z-index:111;height: 35rem;}
.talent .tLeft.clear.top {position: absolute;}
.talent .trInnerBox {position: relative;left: auto;top: auto;padding: 10% 5%;min-height: 40rem;}
.talent .tRight .img-block {display:none;}
.talent .trInner .title {margin-bottom: 1.875rem;}
.en .talent .trInner .title {margin-bottom: 0px;}
.talent #gang {top: 14%;}
.talent .trInnerBox .tctBox {width: 100%;}
.hq-case-list .case-list-swiper .item .img { margin-bottom: 20px;}
.about-product-quality .right {position: relative;float: left;right: auto;margin-left: 5%;}
.about-innovative .top .item .txt h4,.service-project .top .item4 .txt,.staffStyle .sImgBox .top .txt h4,.news-arrival .right .item .txt span,.news-arrival .right .item .txt h3 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.about-innovative .top .item .txt h5,.hq-news-list .item a .txt h5{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.hq-case-list .case-list-swiper .item .right .text {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow:hidden;}
.en .news-arrival .right .item .img .img-rightbottom {bottom: 5%;}
.news-arrival .right .item .txt span { display: block;}
.news-arrival .right .item .txt {width: 80%;}

.fbr ul li a img.boxCenter{width: 80%;padding:10%}





@media screen and (max-width: 5120px) {
	.product-item .txt h3 {min-height: 27px;}
	.product-other .product-item:last-child {margin-right: 0;}
	.en * {font-family:  Arial;}
	.en .nav-content {width: 64%;}
	.en .nav-content ul li {padding: 0 2%;}
	.en .nav-content ul li a{font-size: 14px;text-transform: capitalize;text-align: left;}
	.en .nav-content ul li .nav-show a{font-size: 12px!important;text-transform: capitalize;}
	.en .apply-nav a {font-size: 16px;}
	.en .hq-page-nav a {font-size: 16px;width: auto;padding:1% 2%;}
	.en .lastest-news .lnews-nav a {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 5%;width: 88%;}
	.en .nav-content ul li .nav-show {display: block;padding: 0;}
	.en .nav-content ul li .nav-show.cur {display: block;padding:3% 0;}
	.en .product-detail .right .introduce .bottom-txt::after {width: 50%;}
	.en .nav-content ul li:first-child {padding: 0 2% 0 0;}
	.en .nav-content ul li:last-child{padding: 0 0 0 2%;}
	.en .white_content .btn .guanbi::before {content: "Close";}	
	.product-item .txt h4 {min-height:21px;}
}
@media screen and (max-width: 3840px) {
	
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
		
}
@media screen and (max-width: 1920px) {
	.staffStyle .marginCenter { width: 100%;}
	.staffStyle .sImgBox {width: 100%;}
	.sib1, .sib2,.sib3 {width: 30%;}
	.staffStyle .sImgBox .top .txt {color: #fff;position: absolute;bottom:0;padding: 5%;width: 90%;left: 0;z-index: 33;background: url("../img/ty.png") repeat-x;}
	.staffStyle .sImgBox .top .txt h5{font-size: 14px;font-weight: normal;text-transform: uppercase;padding-bottom: 10px;padding-right: 40px;display: inline-block;position: relative;}
	.staffStyle .sImgBox .top .txt h5::after {content: '';display: block;width: 20px;height:3px;background: #cf001c;position: absolute;right: 0;top:25%;}
	.staffStyle .sImgBox .top .txt h4{font-size: 18px;}
	.joinList h3 {color: #000;}
	.dingwei {position: absolute;top: -100px;}
	.about-social-obligation,.service-project,.service-network,.hq-recruit .joinus {position: relative;}
	.hq-recruit .joinus {padding-top: 5%;}
	.hq-recruit .staffStyle{margin-bottom: 152px;}
	.inews-swiper .swiper-slide {}
	.lastest-news .right .inews-item {margin-left: 4%;}
	.news-arrival .right .item .img .img-rightbottom {right: 0;bottom: 10%;width: 80%;}
}
@media screen and (max-width: 1800px) {
	
}
@media screen and (max-width: 1680px) {
	.nav-content ul li {padding: 0 2%;}	 
	.news-arrival .left .item .more {bottom: 5%;}
	.about-product-quality .right {width: 40%;}
	.product-item .img .enname {font-size: 60px}
	.hq-page-nav a,.technical-nav a,.hq-news-list .item a .txt h2 strong,.hq-news-list .item a .txt h2 span,.news-arrival .left .item .txt span,.apply-case-swiper .item .txt h3,.lastest-news .right .inews-item a .txt h2 {font-size: 18px;}
	.product-detail .right .introduce .txt,.lastest-news .right .inews-item-list a .txt h3 {font-size: 16px;line-height: 26px;}
	.product-detail .right .introduce .item,.technical-swiper .slidelist .item h4,.hq-news-list .item a .txt h6,.hq-news-detail .news-detail .right .right-list a h4,.news-arrival .right .item .txt span {font-size: 14px;line-height: 26px;}
	.news-arrival .right .item .more,.news-arrival .left .item .more {font-size: 12px;}
	.service-network .right {padding-top: 0;width: 32%;margin-left: 3%;}
	.list-h500 a span {margin-left: 15%;width: 90%;}
	.list-h500 a {padding: 19px 0;}
	.city-choice-list {height: 450px;}
	.technical-nav {width: 70%;}
	.hq-news-list .item a .txt h5 {width: 100%;}
	.uLeft {height: auto;padding: 5%;width:48%;}
	.uLeftBox {position: relative;top:auto;left:auto;}
	.trInnerBox {left: 5%;top: 10%;width: 90%;}
	.trInnerBox>p {width: 100%;font-size: 16px;}
	.lastest-news .right .inews-item-list a {padding: 4% 0;}
	.en .nav-content {width: 68%;margin-left: 20%;}
	.en .nav-content ul li {padding: 0 .5%;}
	.talent #gang {top: 23%;}
	.en .talent #gang {top: 10%;}
	.news-arrival .right .item .img .img-rightbottom {right: 1%;bottom: 5%;width: 70%;}
	.index-banner .swiper-slide a .text h4 {width:80%;}
	.en .nav-content ul li{margin:0 15px;}
	.en .nav-content ul li:last-child {padding:0;}
	.apply-nav a {padding:1% 2% 2% 2%;}
	.ip3 input,textarea {width: 100%;}
	#nav .logo a { width: 157px;height: 53px;}
}
@media screen and (max-width: 1550px) {
    .en .nav-content ul li:first-child {padding: 0;}
    .en .nav-content ul li {margin: 0;}
    .nav-content ul li {padding: 0 2%!important;}
    .nav-content ul li:first-child {padding: 0 2%!important;}
    .nav-content.cur .nav-show {top: 90px;}
    .en .nav-content.cur .nav-show {top: 90px;width: 150px;}
}
@media screen and (max-width: 1440px) {
	.nav-content ul li a,.lastest-news .right .inews-item a .txt h6 span,.footer-fRight ul li a,.product-item .txt h4,.product-detail .right .introduce .txt,.product-feature .item3 .item .txt,.product-introduction .introduction .txt,.service-project .top .item4 .txt,.hq-news-list .item a .txt h2 span  {font-size: 14px;}	
	.nav-show a {font-size: 12px!important;}
	.product-item .img .enname {font-size: 50px;}
	.t1 h3,.lastest-news .right .inews-item-list a .data h2,.hq-page-banner-top .column h2,.product-detail .right .introduce h2 span,.titles h3  {font-size: 30px;}
	.news-arrival .left .item .txt h3 {font-size: 20px;}
	.news-arrival .right .item .txt h3,.t1 p,.apply-nav a,.hq-page-banner-top .column h4,.titles h4,.hq-case-list .case-list-swiper .item .right .more a {font-size: 18px;}
	.news-arrival .left .item .txt span,.lastest-news .right .inews-item a .txt h2,.fbl h3,.hq-page-nav a,.product-item .txt h3,.technical-nav a,.hq-news-list .item a .txt h2 strong,.news-arrival .new-top a {font-size: 16px;}
	.lastest-news .right .inews-item a .txt h6 span,.list-h500 a span h5,.list-h500 a span h6,.hq-news-detail .news-detail .right .right-list a h5{font-size: 12px;}
	.lastest-news .right .inews-item-list a .txt h4,.lastest-news .right .inews-item a .txt h4,.fbl p,.fbr p,.hq-case-detail .case-detail .right .txt,.hq-news-list .item a .txt h5 {font-size: 12px;line-height: 24px;}
	.product-detail .right .introduce h2 strong {font-size: 34px;}
	.news-arrival .right .item .img .img-rightbottom {right: 5%;bottom: 10%;max-height: 50%;}
	.news-arrival .left .item .img .img-center{max-width:70%;}
	.brand-adva .bgtxt {font-size: 200px;}
	.brand-adva-content {margin-top: 150px;}
	.lastest-news .lnews-nav a {margin-bottom: 10px;}
	.lastest-news .right .inews-item {width: 45%;}
	.lastest-news .right .inews-item-list {width: 46%;padding-left: 5%;}
	.lastest-news .right .inews-item-list a {padding: 2% 0;}
	.fbr ul li a {width: 50px;height: 50px;}
	.fbr ul {margin-bottom: 40px;margin-top: 20px;}
	.fbr ul li {margin-left: 20px;}
	.about-company-profile .left {left: 9%;top: 10%;width: 35%;}
	.about-product-quality .right {top: auto;height: auto;width:40%;padding: 5% 0 5% 0;;float: left;right: auto;position: relative;}
	.about-social-obligation .left {width: 40%;margin-left: 5%;}
	.about-social-obligation .right {width: 35%;}
	.title-en {right: -12%;}
	.product-detail .left {width: 50%; padding-left: 0;}
	.product-detail .right .introduce .item {margin-top: 0;}
	.product-detail .right {width: 50%;}
	.product-detail .right .introduce .bottom-txt {margin-top: 40px;}
	.product-detail {background-size: 150%;background: url(../upload/product-04.jpg) center top no-repeat;}
	.hq-case-list .case-list-swiper .item .right {padding:1% 0 5% 0;}
	.hq-case-list .case-list-swiper .item .right .more {bottom: 3%;}
	.list-h500 a {padding: 13px 0;}
	.city-choice-list {margin-top: 0;}
	.city-choice-list {height: 390px;}
	.dealers-select,.dealers-submit {height: 40px;}
	.hq-news-detail .news-detail .right {width: 22%;}
	.hq-news-detail .news-detail .left {width: 65%;}
	.page-fanye {padding-top: 2%;}
	.hq-news-detail .news-detail .right .right-list a::after {margin: 20px 0;}
	.about-product-quality .left {margin-top: 5%;}
	.conBoxIn {width: 90%;height: 53%;}
	.conMiddle p,.conRight p {font-size: 14px;}
	.ip1 input, .ip2 input {width:95%;}
	.ip3 input  {width:95%;}
	.uLeftBox textarea {width: 95%;height: 147px;}
	.inputBox.ip1 {width: 45%;}
	.inputBox.ip2 {width: 48%;margin-right: 0;}
	.en .nav-content .nav-show,.nav-content.cur ul li a::before{display: none!important;}
	.en .nav-content ul li a {font-size: 12px!important;}
	.en .nav-content.cur ul {padding-bottom:0;}
	.en .index-banner .swiper-slide a .text h2 {font-size:44px;line-height:50px;}
	.en .apply-nav {width: 70%; margin-top: 0px;}
	.en .news-arrival .new-top a {top: 0px;bottom: auto;}
	.en .new-top>div {margin-top: 20px;}
	.en .apply-nav a {font-size: 14px;}
	.en .lastest-news .lnews-nav a {font-size: 14px;width: 88%;}
	.en .hq-page-nav a { font-size: 12px; padding: 1% 1%;}
	.index-banner .swiper-slide a .text h2 {font-size:44px;line-height:50px;}
	.index-banner .swiper-slide a .text h4 {font-size:14px;}
}
@media screen and (max-width: 1366px) {
	#nav .logo {width: 13%;} 
	#nav .verticalBox {top: 35px;}
	.nav-content {line-height: 90px;}
	#nav {min-height: auto;}
	.navRight a { width: 20px;height: 20px;}
	.navRight a img{ display: block;width: 95%;height: auto;margin: auto;}
	#I { transform: translateY(3px);}
	.langshow a {font-size: 12px;width: 100%;}
	.langshow {top: 20px;right: -30%;}
	.nav-show {padding: 10% 0;}
	.nav-show a {line-height: 28px;}
	.about-innovative .top .item .txt h5,.path a,.hq-case-list .case-list-swiper .item .right .text {font-size: 12px;}
	.hq-page-nav a,.hq-case-detail .case-detail .left .titles h4  {font-size: 14px;}
	.brand-adva .right .item3 .item .txt {font-size: 16px;}
	.brandmore {font-size: 18px;}
	.footer-box {padding: 3% 0 1.6% 0;}
	.product-detail .right .introduce .bottom-txt::after {width: 50%;}
	.product-detail .left .img img.img-center {max-width: 90%;max-height: 90%;}


	.hq-news-list .item a .txt .logobg {bottom: -19%;}
	.inputBox.ip2 {width: 47.7%;}
	.nav-content ul li a::before {top:80px;}
	.en #nav .logo a {width: 150px;}
	.nav-content {width: 60%;}
}
@media screen and (max-width: 1280px) {
	#nav {width: 96%;top: 3%;left: 2%;}
	#content,.apply {margin-bottom: 5%;}
	.new-top {margin-bottom: 2%;}
	.news-arrival {width: 90%;padding-bottom: 3%;}
	.marginCenter,.lastest-news,#footer .footer-top,.footer-bottom{width: 90%;}
	.apply-case-swiper.swiper-container {width: 95%;}
	.apply-top {height: auto;}
	.apply-nav { margin-top: 1%;}
	.lastest-news .right .inews-item-list a .txt h3,.technical-nav a,.trInnerBox>p {font-size: 14px;line-height: 24px;}
	.about-innovative .top {width:90%;left:5%;top: 7%;}
	.about-social-obligation {padding: 5% 0 10% 0;}
	.about-social-obligation .left {width: 45%;margin-left: 0;margin-top: 0;}
	.product-item .img {margin: 5% 0;}
	.titles h3 {font-size: 26px;}
	.hq-case-list .case-list-swiper .item .right .text {padding-top: 20px;}
	.hq-case-list .case-list-swiper .item .right {padding: 0 0 5% 0;}
	.hq-page-nav {padding: 30px 0;}
	.service-network .left {width: 60%;}
	.service-network .right {width: 35%;}
	.technical-nav {top: 15%;}
	.inputBox.ip2 {width: 46.9%;}
	.recruitment .rcontact .rtitle * {font-size: 14px;}
	.recruitment .rcontact .rtitle li i {margin: 0 24px;}
}
@media screen and (max-width: 1152px) {
	.nav-content {width: 70%;}	 
}
@media screen and (max-width: 1024px) {
    .index-banner .swiper-slide a .text h4 {width:100%;}
}
@media screen and (max-width: 860px) {
	#nav,.pcshow,.aside-top  {display: none!important;}
	.mnav,.mbshow  {display: block!important;}
	.no-touch body {overflow: hidden;}
	.news-arrival {padding-top: 15%;padding-bottom: 15%;}
	.news-arrival .left {float: none;width: 100%;}
	.news-arrival .right {float: none;width:100%;margin-left:0;margin-top:2%;}
	.news-arrival .right .item.ri1,.news-arrival .right .item.ri2,.news-arrival .right .item.ri3 {margin-right:0;margin-bottom:2%;}
	.news-arrival .right .item,.brand-adva .left,.lastest-news .left,.lastest-news .right,.lastest-news .right .inews-item,.lastest-news .right .inews-item-list ,.about-product-quality .left,.about-social-obligation .left,.product-detail .left,.service-network .left {float: none;width: 100%;}
	.brand-adva .right {position: relative;width:90%;height: auto;top: auto;right: auto;padding: 5%;}
	.brand-adva {margin-bottom: 15%;}
	.apply-nav {text-align: left;float: none;width:100%;padding: 5% 0;}
	.apply .t1 {float: none;}
	.about-product-quality .right .icon3 li span  {font-size: 14px;}
	.apply-nav a {font-size: 15px;padding: 1% 2%;}
	.apply-case-swiper .item .txt h3,.hq-page-banner-top .column h4 {font-size: 16px;}
	.hq-page-banner-top .column h2 {font-size: 24px;}
	.lastest-news .lnews-nav {padding:5% 0;}
	.lastest-news .lnews-nav a { width:21%;font-size: 14px;line-height: 20px;float: left;margin-right: 2%;padding:2% 0;}
	.lastest-news .right .inews-item-list {padding: 0;}
	.lastest-news .right .inews-item a .txt {padding: 5% 0;}
	.lastest-news .right .inews-item a:hover {background: none;box-shadow:none;}	
	.lastest-news .right .inews-item-list a .data {width: 20%;}
	.footer-box {padding: 15% 0 0 0;border-bottom: none;}
	.footer-fRight {line-height:normal;float: none;clear: both;width: 100%;}
	.footer-fRight ul {text-align: left;margin-top: 5%;border-bottom: 1px solid #666;}
	.footer-fRight ul li {margin-left:0;display: block;border-top: 1px solid #666;padding:2% 0;}
	.footer-bottom .fbl h3 {display: none;}
	.footer-bottom .fbr ul {margin-bottom: 20px;margin-top: 20px;}
	.footer-bottom .fbr ul li {float: left;margin-left: 0;margin-right:5%;}
	.footer-bottom .fbr,.footer-bottom .fbl{float: none;overflow: hidden;}
	.footer-bottom .fbr {padding-bottom: 5%;}
	.footer-bottom .fbr p {display: block;white-space: normal;}
	.brand-adva .bgtxt {font-size: 100px;line-height: 140px;}
	.brand-adva-content {margin-top: 100px;}
	.hq-page-banner-top .img img{max-width: 150%;max-height: 150%;width: 150%;}

	.hq-page-banner-top .column {width: 100%;left: 5%;bottom: 15%;}
	.hq-page-nav {width:98%;text-align: center;font-size: 0;}
	.hq-page-nav.num2 a {width:45%;margin:0 1%;float: none;display: inline-block;vertical-align: top;}
	.hq-page-nav.num3 a {width:30%;margin:0 1%;float: none;display: inline-block;vertical-align: top;}
	.hq-page-nav.num4 a {width:20%;margin:0 1%;float: none;display: inline-block;vertical-align: top;}
	.hq-page-nav.num5 a {width:19%;margin:0 .5%;float: none;display: inline-block;vertical-align: top;}
	.hq-page-nav.num7 a {width:30%;margin:0 .5% 1% .5%;float: none;display: inline-block;vertical-align: top;}
	.about-company-profile .left {left: auto;top: auto;width:90%;position: relative;padding:0 5%;}
	.about-company-profile .right {float: none;width: 87%;padding-left: 7%;padding-bottom: 1%;margin-top: 5%;}
	.about-innovative .top .item {width: 100%;margin: 2% 0;float: none;}
	.about-innovative .top { width:90%;margin: auto; position: relative;left:auto; top:auto;color: #000;}
	.about-innovative .top .text{color: #000;}
	.about-innovative .img,.service-project .img{display: none;}
	.about-innovative .top .item .img,.product-detail .right .introduce h2 span,.service-project .top .item .img{display:block;}
	.about-innovative {padding-bottom:10%;}
	.about-product-quality .right,.service-network .right {width:90%;padding: 5% 5% 15% 5%;margin-left:0;}	
	.development-history,.product-introduction {padding:10% 0;}
	.linedot {margin: 50px auto auto}
	.about-development-history {padding:20% 0 5% 0;}
	.about-social-obligation .main-content {width:90%;padding: 5% 5% 3% 5%;}
	.about-social-obligation .right {float: none;width: 100%;position: relative;right: auto;top: auto;padding-right: 0;padding-top: 7%;}
	.quotation-marks {z-index: 33;}
	.hq-product-list,.product-detail .detail-content,.product-feature,.product-introduction,.product-other,.hq-case-list .case-list-swiper .item,.hq-case-detail ,.hq-news-list,.hq-news-detail,.hq-news-detail .news-detail .left{width:90%;}
	.product-item {width:100%;margin: 0 0 2% 0;}
	.product-detail .right {width:100%;position: relative;height: 100%;right: auto;top:auto;}
	.product-detail {background: #fff;padding-bottom: 15%;}
	.product-detail .right .introduce .bottom-txt::after {width: 30%;}
	.x-line {margin: 9% auto;width:90%;}
	.product-feature .item3 .item {width: 96%;float: none;margin:3% 0;padding: 2% 3% 10% 3%;overflow: hidden;}
	.product-feature .item3 .item .num {bottom: -65%;}
	.product-introduction .introduction .txt { line-height: 24px;font-size: 14px;width: 100%;}
	.hq-case-list .case-list-swiper .item .img,.hq-case-detail .case-detail .left,.hq-case-detail .case-detail .right,.hq-case-detail .case-detail .right .item li ,.hq-news-list .item a .img{width: 100%;}
	.hq-case-list .case-list-swiper .item .right,.hq-case-detail .case-detail .right {width: 100%;padding: 5% 0;margin-left:0;}
	.hq-case-list .case-list-swiper .item .right .more {position: relative;margin: 5% 0;}
	.case-small-swiper {margin: 3% auto 5% 5%;width: 95%;}
	.hq-case-list {padding-bottom:10%;}
	.city-choice-list {height: auto;}
	.service-project .top .item4 .item {float: none; width: 100%;margin-right:0;}
	.service-project .top {position: relative;width:90%;left: auto;color: #000;padding-top: 5%;margin: auto;}
	.service-project .top .item4 {margin-top: 10%;}
	.service-project .top .item4 .item {margin-bottom: 5%;box-shadow:none;}
	.service-technical-file {background: #fff;}
	.service-technical-file .main-content {float: none;width: 90%;padding: 3% 5%;min-height:auto;background: none;box-shadow:none;}
	.technical-nav {text-align: left;width: 100%;position: relative;right:auto;top:auto;}
	.technical-download {position: relative;width:95%;right:auto;bottom:auto;margin-left: 5%;padding-bottom: 5%;}
	.technical-nav {padding: 5% 0;}
	.technical-nav a {margin-left:auto;margin-right: 5%;margin-bottom:3%;}
	.technical-nav a::after {margin-top:1px;}
	.hq-news-list .item a .txt {position: relative;right:auto;top: auto;width:90%;height: 100%;padding:5% 5%;}
	.hq-news-list .item a .txt .table,.hq-news-list .item a .txt .table-cell {display: block;}
	.hq-news-list .item a .txt h2 strong {white-space: normal;}
	.hq-news-list .item a .img {float: none}
	.hq-news-list .item a .txt h2 span {position: relative;right: auto;top: auto;display: block;padding-top: 20px;}
	.hq-news-detail .news-detail .left {padding: 10% 5% 50px 5%;clear: both;float: none;}
	.hq-news-detail .news-detail .right {float: none;width: 100%;margin-top: 10%;clear: both;}
	.conIfo {width: 90%;height: auto;background: #ffffff;position: relative;top:auto;left:auto;margin: auto;padding: 5%;}
	.map {width: 100%;height: 300px;border-radius: 0px;}
	.conLeft,.conMiddle,.conRight,.boxCenter { transform:none;position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: 0;padding: 0;}
	.conBoxIn {width: 100%;height: auto;}
	#contact1 {width: 100%;}
	.conMiddle h5 {font-size: 18px;height: auto;}
	.conMiddle {margin-top: 10%;}
	.conRight h5,.talent .tRight .img-block,#gang,#recruit2 .staffStyle .img-block,.jlm {display: none;}
	.mapBox,.talent {margin-bottom: 10%;}
	.uLeft { padding: 15% 5%;width: 90%;}
	.uRight {float: none;width:100%;height:auto;}
	.uRight img {transform:none;width: 100%;height: auto;}
	.ip1, .ip2 {float: none;margin-right:0px;}
	.inputBox.ip1,.inputBox.ip2,.tctBox  {width: 100%;overflow: hidden;}
	.ip1 input, .ip2 input,.ip3 input,.uLeftBox textarea {width:calc(90% - 4px); padding: 0 5%;}
	.uLeftBox textarea {padding:5%;margin-bottom: 20px;}
	.ip1, .ip2, .ip3 {margin-bottom:10px;}
	.tLeft { width: 100%; border-radius: 20px 20px 0 0;float: none;margin-bottom: 0px;}
	#yinhao {font-size: 200px;}
	.tRight {width: 100%;border-radius: 10px;position: relative;right:auto;bottom: auto;}
	.trInnerBox {left:auto;top: auto;width: 90%;padding: 5%; position: relative;}
	.sib1, .sib2, .sib3 {width: 100%;}
	.staffStyle .marginCenter {position: relative;left:auto;top:auto;}
	.staffStyle .title {margin-top: 1%;position: relative;top:auto;left:auto;transform:none;margin-bottom:10%;}
	#recruit2 .staffStyle .sImgBox .img-block {display: block;}
	.staffStyle {background: #ffffff;box-shadow:none;margin-bottom:0px;overflow: hidden;}
	#recruit2 {background: #ffffff;}
	#recruit3 .title{margin:20% auto 10% auto;}
	#jlTrue {height: 82px;margin-bottom:20px;}
	#jlTrue .trueList {width: 100%;height: auto;position: relative;top:auto;left:auto;}
	#jlTrue .trueList {display: none;}
	.footer-bottom .fbr ul li a img.boxCenter {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.recruitment .rcontact {margin-bottom:3%;}
	.recruitment .rcontact .rtitle {padding:5%;}
	.recruitment .rcontact .rtitle li {display: none;}
	.recruitment .rcontact .rtitle h3 {width: 60%;font-size: 14px;}
	.recruitment .rcontact .rtitle h4 {width: 30%;padding-right: 20px;}
	.page-turn a { margin: 5% 0.3%;width: 30px;height: 30px;line-height: 30px;font-size: 14px;}
	.conMiddle p {white-space: normal;}
	.lastest-news .right .inews-item {margin-left:0;}
	.lastest-news .right .inews-item a {background: none;box-shadow: none;}
	.hq-news-detail .news-detail .right {display: none;}
	.new-top .moreStyle img {width: 25px;height: 20px;}
	.fbr ul li a {width: 40px;height: 40px;}
	.footer-bottom .fbr ul li a img.boxCenter {width: 60%;}
	.about-product-quality .right .icon3 li i {width: 30px;height: 30px;}
	.about-product-quality .right .icon3 li:last-child {margin-right: 0;}
	.hq-case-list .case-list-swiper .item .right .more a {background-size: 10%;}
	.hq-news-list .item a .txt h6{background: url("../upload/r4.svg") right no-repeat;background-size:25%;}
	.hq-news-list .item a:hover .txt h6{background: url("../upload/r3.svg") right no-repeat;background-size:25%;}
	.page-turn a.prev{background-image: url("../upload/l4.svg");background-size: 50%;opacity: .6;}
	.page-turn a.next{background-image: url("../upload/r4.svg");background-size: 55%;}
	.page-fanye a.prev{left: 0;padding-left: 30px;background: url("../upload/l4.svg") left center no-repeat;background-size: 30%;}
	.page-fanye a:hover {background:none;padding:14px 0px;color: #666;}
	.page-fanye a.retu:hover {margin:0 0 0 -20px;}
	.page-fanye a.prev:hover{left: 0;padding-left: 30px;background: url("../upload/l4.svg") left center no-repeat;background-size: 30%;color: #666;text-indent: 0px;}
	.page-fanye a.next:hover{right: 0;padding-right:30px;background: url("../upload/r4.svg") right center no-repeat;background-size: 33%;color: #666;text-align: right;}
	.dealers-select {background: url("../upload/sj.svg") 90% center no-repeat;background-size:10%;}
	.news-detail-content img{max-width: 100%;}
	.dealers-submit {width: 24%;}
	.about-social-obligation .left {padding-bottom: 50px;}
	.list-h500 a i {left: 2%;}
	.index-banner .swiper-slide a .text {left: 5%; top: 15%;width: 90%;}
	.index-banner .swiper-slide a .text h2 {font-size: 24px;line-height: 30px;}
	.index-banner .swiper-slide a .text h4 {font-size: 14px;line-height: 24px;}
	.en .hq-page-nav.num5 a {width: 46%;padding: 2% 0;margin: 1%;}
	.en .hq-page-nav.num7 a,.en .hq-page-nav.num6 a,.en .hq-page-nav.num4 a,.en .hq-page-nav.num2 a {width: 46%;padding: 2% 0;margin: 1%;}
	.en .hq-page-nav.num3 a {width: 30%;padding: 2% 0;margin: 1%;}
	.conLeft,.conMiddle,.conRight {width: 100%;}
	.conRight p { white-space: initial;}
	.conRight {margin-top: 40px!important;float:none;}
	.conMiddle {float:none;}
	.en .new-top a {display:none;}
	.en .apply-nav {width: 100%;}
	.en .apply,.lastest-news {margin-top: 60px;}
	.en .tct1 {margin-right: 10px;}
	.en .hq-page-nav.num3 a {width: 20%;padding: 2%;}
	.en .hq-recruit .hq-page-nav.num3 a {width: 26%;padding: 2%;}
	.path {position: relative;}
	.product-other {margin: 24% auto 5% auto;}
	.service-network .left .map {height: 400px!important;}
	.white_content {left: 0; width: 100%;margin-left: 0px;}
	.searchtop {margin-top:40px;}
	.search-list h3 {padding-bottom: 30px!important;width: 90%!important;}
	.search-list {padding-bottom: 80px!important;}
	.search-list-text .hq-product-list .product-item {border-radius: 0;}
	.search-list .hq-product-list .product-item a h3 {padding-bottom:5px!important;}
	.search-list .hq-product-list .product-item {margin-bottom:20px!important;;}
	.search-list .hq-product-list .product-item a h3 {width: 100%!important;}
	.search-list .hq-product-list .product-item a h4  {padding-bottom:10px!important;}
	.en .index-banner .swiper-slide a .text h2 {font-size:24px;line-height:30px;}
	.en .lastest-news .lnews-nav a {font-size: 14px;width: 41%;padding: 10px;}
	.en .apply-nav a { margin-bottom: 10px;}
	.apply-case-swiper .item .txt {width: 90%;}
	.about-innovative {margin-top:40px;}
	.about-product-quality .left {margin-top:0;}
	.hq-page-nav.num7 a {width: 24%}
	.news-arrival .new-top a {bottom: 30px;}
	.lastest-news {padding-bottom:40px;}
	.en .product-detail .right .introduce .bottom-txt {display:none;}
	.hq-case-list .case-list-swiper .item {padding: 5% 0;}
	.hq-news-list .item a .txt h2 span {padding-top: 10px;}
	.hq-news-list .item a .txt h5 {padding: 10px 0 60px 0;}
	.hq-news-list .item a .txt h6 {font-size:12px;}
	.talent .trInnerBox .tctBox .tct.tct1{margin-right: 22px;}
	.talent .trInnerBox {min-height: auto;}
	.mapBox .conIfo .conBox .conLeft.title{margin-top: 32px;float: none;}
	.en .brand-adva .right .item3 .item .txt {width: 70%;padding-left: 10%;}
	.en .about-product-quality .right .icon3 li {margin: 5% 3% 5% 0;width: 45%;}
}

 
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}
/* all iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  {}
/* x iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape)  {}
/* y iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.nav-content ul li {margin: 0 2%;}
	.en .nav-content ul li {padding:0px;}
	.moreStyle img {width:30px;margin-left:15px;}
	.en .nav-content ul li:first-child {padding:0px;}
}